<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <meta charset="utf-8">
    <title th:text="'帮助中心 -' + ${infoMap['title']}"></title>
    <meta name="author" th:content="${infoMap['author']}"/>
    <meta name="keywords" th:content="${infoMap['keywords']}"/>
    <meta name="description" th:content="${infoMap['description']}"/>
    <!-- <meta name="description" content=""> -->
    <!-- 让IE浏览器用最高级内核渲染页面 还有用 Chrome 框架的页面用webkit 内核
    ================================================== -->
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <!-- IOS6全屏 Chrome高版本全屏
    ================================================== -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- 让360双核浏览器用webkit内核渲染页面
    ================================================== -->
    <meta name="renderer" content="webkit">
    <!-- Mobile Specific Metas
    ================================================== -->
    <!-- !!!注意 minimal-ui 是IOS7.1的新属性，最小化浏览器UI -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <!-- CSS
    ================================================== -->
    <link th:href="@{{path}/common/v3/bootstrap_3.3.7/bootstrap.min.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
    <link th:href="@{{path}/common/v3/cssfont/font-awesome_4.4.0/font-awesome.min.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
    <link th:href="@{{path}/front/web/v3/css/Wui.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
    <link th:href="@{{path}/front/web/v3/css/common.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
    <link th:href="@{{path}/front/web/v3/css/iStyle.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" th:href="${icoMap['url']}"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="/html5shiv3.7.3/html5shiv.min.js"></script>
    <script src="/respond.1.4.2/respond.min.js"></script>
    <link href="/respond.1.4.2/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
    <link href="/respond.1.4.2/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
    <script src="/respond.1.4.2/respond.proxy.js"></script>
    <![endif]-->

</head>
<body>
<!--[if lt IE 9]>
<p class="browsehappy c-danger">
    <i class="fa fa-exclamation-circle"></i>
    你的浏览器 <strong>太古老</strong> 了， 请
    <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" class="c-danger" target="_blank">升级你的浏览器<i class="fa fa-link"></i></a>
    才能保证数据安全和体验丰富网站内容
</p>
<![endif]-->

<div class="cm-bg-20">
    <div class="help-banner" th:style="'background: url('+${staticPath}+'/front/web/v3/img/help-banner.jpg) no-repeat 50% 0;height: 90px;line-height: 90px;'">
        <div class="container clearfix">
            <aside class="pull-right mt10">
                <a href="/" class="c-fff"><i class="fa fa-angle-left"></i> 返回首页</a>
            </aside>
            <aside class="pull-left mt10">
                <span class="fs18 c-fff ml10 mt10"><i class="fa fa-navicon"></i> 帮助与支持</span>
            </aside>
        </div>
    </div>
</div>
<div class="mb20 pb10 mt20">
    <div class="container">
        <div class="row">
            <aside class="col-sm-3">
                <div class="help-menu__wrap">
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <th:block th:each="help,index : ${helpList}">
                            <div th:if="${index.count} ==1" class="panel panel-default">
                                <div class="panel-heading" role="tab" th:id="'heading'+${index['index']}">
                                    <h4 class="panel-title fs16">
                                        <a role="button" data-toggle="collapse" data-parent="#accordion" th:href="'#collapse'+${index['index']}" aria-expanded="false" th:attrappend="aria-controls='collapse'+${index['index']}">
                                            <i class="fa fa-caret-right"></i>
                                            <th:block th:text="${help['helpName']}"></th:block>
                                        </a>
                                    </h4>
                                </div>
                                <div th:id="'collapse'+${index['index']}" class="panel-collapse collapse in" role="tabpanel" th:attrappend="aria-labelledby='heading'+${index['index']}">
                                    <div class="panel-body">
                                        <th:block th:if="!${#lists.isEmpty(help['childHelpList'])}" th:each="child : ${help['childHelpList']}">
                                            <p class="hLh20">
                                                <a href="javascript:void(0);" class="c-999 fs12" th:attrprepend="data-id=${child['id']}" th:id="'help-text-'+${child['id']}">
                                                    <th:block th:text="${child['helpName']}"></th:block>
                                                    <span class="pull-right">
                                                        <i class="fa fa-angle-right"></i>
                                                    </span>
                                                    <textarea class="helpContext hide"></textarea>
                                                </a>
                                            </p>
                                        </th:block>
                                    </div>
                                </div>
                            </div>
                            <div th:if="${index.count} > 1" class="panel panel-default">
                                <div class="panel-heading" role="tab" th:id="'heading'+${index['index']}">
                                    <h4 class="panel-title fs16">
                                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" th:href="'#collapse'+${index['index']}" aria-expanded="false" th:attrappend="aria-controls='collapse'+${index['index']}">
                                            <i class="fa fa-caret-right"></i>
                                            <th:block th:text="${help['helpName']}"></th:block>
                                        </a>
                                    </h4>
                                </div>
                                <div th:id="'collapse'+${index['index']}" class="panel-collapse collapse" role="tabpanel"  th:attrappend="aria-labelledby='heading'+${index['index']}">
                                    <div class="panel-body">
                                        <th:block th:if="!${#lists.isEmpty(help['childHelpList'])}" th:each="child : ${help['childHelpList']}">
                                            <p class="hLh20">
                                                <a href="javascript:void(0);" class="c-999 fs12" th:attrprepend="data-id=${child['id']}" th:id="'help-text-'+${child['id']}">
                                                    <th:block th:text="${child['helpName']}"></th:block>
                                                    <span class="pull-right">
                                                        <i class="fa fa-angle-right"></i>
                                                    </span>
                                                    <textarea class="helpContext hide"></textarea>
                                                </a>
                                            </p>
                                        </th:block>
                                    </div>
                                </div>
                            </div>
                        </th:block>
                    </div>
                </div>
            </aside>
            <article class="col-sm-9">
                <div class="help-cont__wrap" id="show-context-box">

                </div>
            </article>
        </div>
    </div>
</div>

<!--全局 js-->
<script th:src="@{{path}/common/libs/jquery_1.11.1/jquery.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/common/libs/bootstrap/bootstrap.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/web/business/help/web-help.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:inline="javascript" type="text/javascript">
    var showId = [[${showId}]];
    var baseloaction = [[${#httpServletRequest.getContextPath()}]];
</script>
</body>
</html>
